@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_1471421489_236102.eot');
    /* IE9*/
    src: url('//at.alicdn.com/t/font_1471421489_236102.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_1471421489_236102.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/font_1471421489_236102.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_1471421489_236102.svg#iconfont') format('svg');
    /* iOS 4.1- */
}

.fmzp {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


/**
 * 颜色变量
 **/

@import (less) "color_variable";



/**
 * 头部 Start
 */

ul,
li,
h1,
h4 {
    margin: 0px;
    padding: 0px;
}

ul,
li {
    list-style: none;
}

a {
    &:link,
    &:visited {
        color: @color_666666;
    }
    &:hover,
    &:active,
    &:focus {
        text-decoration: none;
        color: @color_1c75bf
    }
}

body {
    font-family: "Microsoft Yahei";
    height: 100%;
    /*background: @color_f9f9f9;*/
    font-size: 12px;
    background: @color_f9f9f9 url(../images/leftpanelbg.png) repeat-y 0 0;
}


/*高度行高*/

.fm-height(@height: 40px) {
    height: @height;
    line-height: @height;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
} //伪类清除
.clearfix {
    zoom: 1;
}

.clearit {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
} //设置class名清除
.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mlr10 {
	margin-left: 10px;
    margin-right: 10px;  
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w500 {
    width: 500px;
}

.w800 {
    width: 800px;
}

.w900 {
    width: 900px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.btn-primary {
    color: @color_ffffff;
    background-color: @color_1c75bf;
    border-color: @color_1c75bf;
}

.color_1c75bf {
    color: @color_1c75bf;
}

// Type
// --------------------------------------------------
@font-family-default: 'Microsoft YaHei',
"Helvetica Neue",
Helvetica,
sans-serif;
@font-size-default: 12px;
@font-weight: 400;
@font-weight-light: 400;
@line-height-default: 24px;

// Borders
// --------------------------------------------------
@border-default-width: 1px;
@border-default-color: @color-split;
@border-default: @border-default-width solid @border-default-color;
@border-radius: 3px;
// pagination
// --------------------------------------------------
.pagebox {
    text-align: right;
    margin: 20px;
    height: 34px;
    .fm_pageination {
        margin: 0;
        padding: 0;
        & li a {
            cursor: pointer;
        }
    }
    .numbox {
        float: right;
        display: inline-block;
        .fm-height(30px);
        margin: 0 10px;
        font-size: 14px;
        .blue3 {
            color: @color-link;
            padding: 0 3px;
        }
    }
}

// login
// --------------------------------------------------
.headerLogin {
    width: 100%;
    .fm-height(100px);
    background: @card-bg;
    .logo {
        float: left;
        padding: 0 30px 0 100px;
        & a {
            display: inline-block;
            & img {
                vertical-align: middle;
            }
        }
    }
    .title {
        float: left;
        font-size: 30px;
        color: @color-text-secondary;
    }
}

.bodyLogin {
    padding: 150px 0 0 0;
}

.loginWrap {
    width: 500px;
    margin: 0 auto;
    .login-hd {
        width: 100%;
        height: 80px;
        border-radius: 10px 10px 0 0;
        background: @color_1c75bf;
        position: relative;
        .title {
            color: @color_ffffff;
            font-size: 24px;
            text-align: center;
            line-height: 80px;
        }
        .icon-login {
            position: absolute;
            left: 50%;
            margin-left: -42px;
            top: -64px;
            display: inline-block;
            width: 84px;
            height: 84px;
            border-radius: 50%;
            background: @color_f9f9f9;
            >i {
                display: inline-block;
                width: 84px;
                height: 84px;
                background: url(../images/main/icon-login.png) no-repeat;
            }
        }
    }
    .login-bd {
        background: @card-bg;
        border-radius: 0 0 10px 10px;
        padding: 60px;
        .form-group {
            width: 380px;
        }
        .jiyhm {
            font-size: 14px;
            color: @color_1c75bf;
            line-height: 34px;
            .chk {
                top: 10px;
            }
        }
        .loginbtn {
            width: 100%;
            .btn-primary {
                width: 100%;
                padding: 0;
                .fm-height(54px);
                font-size: 18px;
            }
        }
    }
}


/**
 * 头部 Start
 */

.container-fluid {
    margin: 0;
    padding: 0;
}

.headerWrap {
	min-width:1200px; 
    width: 100%;
    display: block;
}

.headerWrap {
    >.navbar {
        border-radius: 0px;
        margin-bottom: 0px;
        background: @color_1c75bf;
        font-size: 15px;
        height:52px;
        .navbar-nav {
            a {
                i {
                    margin-right: 5px;
                }
            }
        }
        .navbar-brand {
            padding: 0px;
            a {
                display: block;
                overflow: hidden;
                cursor: pointer;
                padding: 5px 10px 0px 5px;
                &:hover,
                &:active,
                &:focus {
                    background: none;
                }
            }
        }
        a {
            &:link,
            &:visited {
                color: @color_ffffff;
            }
            &:hover,
            &:active,
            &:focus {
                background: @color_135790;
            }
        }
        .active {
            a {
                &:link,
                &:visited {
                    background: @color_135790;
                }
            }
        }
        .dropdown-menu a {
            &:link,
            &:visited {
                color: @color_666666;
            }
            &:hover {
                color: @color_ffffff;
            }
        }
        .nav .open {
            >a {
                background: @color_135790;
                &:hover,
                &:active,
                &:focus {
                    background: @color_135790;
                }
            }
        }
    }
}

#navmenubar{ height:51px; overflow: hidden!important; margin: 0;}
#navmenubar ul.navbar-nav-menu{
  width: 9999px;
  height: 60px;
}

/**
 * 头部 End
 */

// 中间布局
// --------------------------------------------------
.mainWrap:extend(.headerWrap) {}

.mainWrap {
    .left-side,
    .right-side {
        display: block;
        min-height: 100%;
    }
}

.mainWrap {
    .left-side {
        width: 200px;
        position: absolute;
        border-bottom: 1px solid @color_eeeeee;
        /* background: @color_f4f4f4;*/
        .sidebar {
            border-top: 1px solid @color_dbdbdb;
            border-bottom: 1px solid @color_dbdbdb;
            margin-bottom: 10px;
            background: @color_f9f9f9;
            .sidebar-menu {
                border-top: 1px solid @color_ffffff;
                border-bottom: 1px solid @color_ffffff;
                padding: 5px 0px;
            }
        }
    }
    .right-side {
        margin-left: 200px;
        height: 100%;
    }
}

// 左侧菜单
// --------------------------------------------------
.nav_con {
    font-size: 14px;
    >.hd {
        width: 100%;
        padding-bottom: 5px;
        >a {
            font-size: 16px;
            height: 30px;
            line-height: 30px;
            display: block;
            padding-left: 10px;
            &:link,
            &:visited {
                color: @color_333333;
            }
            >.pull-right {
                margin-right: 5px;
            }
        }
    }
    >.bd {
        li {
            padding: 3px 0px;
        }
        a {
            font-size: 14px;
            display: block;
            margin-left: 20px;
            &:link,
            &:visited {
                color: @color_333333;
            }
            &:hover {
                color: @color_666666;
            }
            i {
                font-size: 12px;
            }
        }
        .active {
            a {
                &:link,
                &:visited {
                    color: @color_1c75bf;
                    font-weight: 800;
                }
            }
        }
    }
}


/*左边框架 menu End*/


/*右边框架 Start*/

.bb1 {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: @color_eeeeee 1px solid;
}


/**
 * 订单管理 Start
 */

.fm-hd {
    .fm-height;
    margin: 0 0 0 1px;
    padding: 0;
    background: @color_f9f9f9;
    h4 {
        .fm-height;
        color: @color_333333;
        padding: 0 0 0 20px;
    }
}

.fm-query {
    padding: 20px;
    border-bottom: @color_dddddd 1px solid;
}

.frmbox {
    width: 950px;
    margin: 20px auto 0;
}

.querybox {
    width: 100%;
    .form-group {
        float: left;
        width: 450px;
        overflow: hidden;
        line-height: 34px;
        label.control-label {
            float: left;
            width: 100px;
            text-align: right;
            font-weight: 400;
            font-size: 14px;
        }
        .control-con {
            float: left;
            width: 300px;
            input {
                display: inline-block;
                float: left;
            }
            span {
                display: inline-block;
                float: left;
                text-align: center;
            }
            .w130 {
                width: 130px;
            }
            .w40 {
                width: 40px;
            }
        }
    }
        .form-group1 {
        float: left;
        width: 230px;
        overflow: hidden;
        line-height: 34px;
        label.control-label {
            float: left;
            width: 100px;
            text-align: right;
            font-weight: 400;
            font-size: 14px;
        }
        .control-con1 {
            float: left;
            width: 130px;
            input {
                display: inline-block;
                float: left;
            }
            span {
                display: inline-block;
                float: left;
                text-align: center;
            }
            .w130 {
                width: 130px;
            }
            .w40 {
                width: 40px;
            }
        }
    }
}

.querybtn {
    clear: both;
    text-align: center;
    button {
        margin: 20px 10px;
    }
}

.order-list {
    padding: 0 20px;
    h4 {
        margin: 20px 0;
        .fm-height;
    }
    .order-total {
        float: right;
        .fm-height(50px);
        font-size: 14px;
        p{
        	.fm-height(25px);
        	span {
	            display: inline-block;
	            padding: 0 0 0 20px;
	            em {
	                font-style: normal;
	            }
	        }
        }
 
        
    }
    .admin-total {
        float: right;
        .fm-height(20px);
        /*font-size:12px;
        color:@color_999999;*/
        span {
            padding: 0 0 0 20px;
            em {
                font-style: normal;
            }
        }
    }
}

.order {
    .tab-content {
        background: @color_ffffff;
        border: @color_dddddd 1px solid;
    }
    .nav-tabs {
        border-bottom: none;
    }
    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        font-size: 14px;
        color: @color_337ab7;
        border-radius: 0 0 0 0;
    }
    .nav-tabs>li>a:hover {}
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        font-size: 14px;
        color: @color_555555;
        cursor: default;
        background-color: @color_ffffff;
        border-color: transparent;
        border-top: 2px solid @color_337ab7;
        border-left: 1px solid @color_dddddd;
        border-right: 1px solid @color_dddddd;
    }
}

.tablebox {
    padding: 10px;
}

.tablelist {
    .list-hd {
        margin: 10px auto;
        background: @color_d9edf7;
        border: @color_bce8f1 1px solid;
        .fm-height(36px);
        padding: 0 0 0 20px;
        font-size: 14px;
        .blue1 {
            color: @color_31708f;
            margin: 0 20px 0 0;
        }
        .blue2 {
            color: @color-link;
        }
    }
    .list-bd {}
}

ul.ul-order {
    >li {
        float: left;
        font-size: 14px;
        color: @color_333333;
        margin: 0 30px 0 0;
        .blue2 {
            color: @color-link;
        }
        .red {
            color: @color_e60a0a;
            font-family: "Arial";
        }
    }
}

.orderbox {
    border: @color_dddddd 1px solid;
    .order-hd {
        background: @color_f3f3f3;
        .fm-height(36px);
        border-bottom: @color_dddddd 1px solid;
        padding: 0 0 0 20px;
        font-weight: 400;
    }
    .order-bd {
        ul {
            li {
                padding: 20px;
                position: relative;
                &:after {
                    content: '';
                    position: absolute;
                    left: 10px;
                    bottom: 0;
                    right: 10px;
                    top: auto;
                    height: 1px;
                    width: auto;
                    background-color: @color_e7e7e7;
                    display: block;
                    z-index: 15;
                    -webkit-transform-origin: 50% 100%;
                    transform-origin: 50% 100%;
                }
                &:last-child:after {
                    background: none;
                }
            }
        }
    }
}

.fm-goods-info {
    float: left;
    width: 32%;
    padding: 20px 0;
    word-break: break-all;
    word-wrap: break-word;  
    .fm-goods-img {
        float: left;
        width: 80px;
        img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
        }
    }
    .fm-goods-con {
        padding: 0 20px 0 100px;
        .maintitle {
            font-size: 12px;
            min-width: 200px;
            line-height: 24px;
            a {
                color: @color-link;
            }
        }
        .subtitle {
            font-size: 12px;
            min-width: 200px;
            line-height: 22px;
            color: @color_999999;
        }
        p {
            margin: 0;
        }
        p .price {
            color: @color_e60a0a;
            margin: 0 10px 0 0;
        }
        p .num {
            color: @color_333333;
        }
    }
}

.fm-column {
    float: left;
    padding: 20px 0;
}

.fm-goods-type {
    float: left;
    width: 20%;
    padding: 20px;
    text-align: left;
    /*flex布局（作用于容器）*/
    //display: flex;
    /*水平居中（作用于容器）*/
    //justify-content: left;
    /*垂直居中（作用于容器）*/
    //align-items: center;
    word-break: break-all;
    word-wrap: break-word;  
}

.fm-goods-money {
    float: left;
    width: 18%;
    padding: 20px;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;  
    .red {
        font-family: Arial;
        color: @color_e60a0a;
    }
}

.fm-goods-memo {
    float: left;
    width: 20%;
    padding: 20px;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;  
}

.fm-goods-result {
    float: left;
    width: 10%;
    padding: 20px;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;  
}

.fm-goods-btn {
    float: left;
    width: 20%;
    padding: 20px;
    text-align: center;
    button {
        text-align: center;
        margin: 0 10px;
    }
}

.fm-goods-price {
    float: left;
    width: 16%;
    padding: 20px 10px;
    a {
        display: inline-block;
        color: @color_666666;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        i {
            display: inline-block;
            font-size: 14px;
            margin: 0 5px 0 0;
            font-weight: 400;
        }
    }
    .linkdisable {
        color: @color_bbbbbb;
    }
    .colorgreen {
        color: @color_459b45;
        display: inline-block;
        padding: 0 0 0 20px;
    }
    .colorred {
        color: @color_e60a0a;
        font-family: Arial;
    }
}

ul.ul-area {
    li {
        float: left;
        width: 23%;
        margin: 0 2% 10px 0;
    }
    .last {
        width: 73%;
    }
}

.address {
    .form-group .control-label {
        font-size: 12px;
        font-weight: 400;
        color: @color_333333;
    }
}


/**
 * 订单管理 End
 */

.dddbox {
    background: @color_ffffff;
    border: @color_dddddd 1px solid;
    border-top: @color_1c75bf 2px solid;
}

.ddd-table {
    >thead>tr>th {
        .fm-height(40px);
        background: @color_ffffff;
        font-size: 14px;
        color: @color_333333;
        text-align: center;
    }
    >tbody>tr>td {
        border-top: @color_dddddd 1px solid;
        height: 50px;
        line-height: 50px;
        text-align: center;
        word-break: break-all;
        word-wrap: break-word;
        vertical-align: middle;
    }
    >thead>tr>th>.form-control {
        display: inline-block;
    }
    p {
        margin: 0;
        line-height: 24px;
    }
}
.ddd-hd {
    padding: 15px 15px 10px 15px;
    .box1 {
        float: left;
        padding: 0 20px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        color: @color_666666;
        background: @color_f4f4f4;
    }
    .box2 {
        float: left;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        color: @color_666666;
        background: @color_ffffff;
        margin: 0 10px;
        a {
            display: inline-block;
            height: 32px;
            padding: 0 10px;
            color: @color_337ab7;
        }
    }
    .box3 {
        float: left;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        color: @color_666666;
        background: @color_ffffff;
        a {
            display: inline-block;
            height: 32px;
            padding: 0 10px;
            color: @color_d61c1c;
        }
    }
}

.ddd-bd {
    padding: 0 15px 15px 15px;
}

.f-l {
    float: left;
}

.fmbox {
    border: @color_dddddd 1px solid;
    border-radius: 4px;
    moz-box-shadow: 0px 2px 5px @color_f2f2f2;
    -webkit-box-shadow: 0px 2px 5px @color_f2f2f2;
    box-shadow: 0px 2px 5px @color_f2f2f2;
}

input.chk {
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}


/*代下单管理*/

.ul-dxd {
    >li {
        border: @color_dddddd 1px solid;
        padding: 28px 20px;
        margin: 0 0 10px 0;
        .li-radio {
            float: left;
            width: 20px;
            height: 60px;
            line-height: 80px;
            text-align: center;
        }
        .li-img {
            float: left;
            width: 60px;
            margin: 0 20px;
            img {
                display: block;
                margin: 0 auto;
                max-width: 100%;
            }
        }
        .li-info {
            float: left;
            width: 40%;
            padding: 10px;
            line-height: 20px;
            .bigtitle {
                a {
                    color: @color-link;
                }
            }
            .subtitle {
                color: @color_999999;
            }
        }
        .li-code {
            float: left;
            width: 20%;
            font-size: 14px;
            color: @color_333333;
            padding: 10px;
            line-height: 40px;
        }
        .li-price {
            float: left;
            width: 20%;
            font-size: 12px;
            font-weight: 800;
            padding: 10px;
            line-height: 40px;
        }
        .li-num {
            float: left;
            width: 20%;
        }
    }
}

.dxdbtn {
    text-align: center;
    margin: 20px auto;
}


/*加减号*/

.numbox {
    display: inline-block;
    margin: 0px auto;
    text-align: center;
    .numl,
    .numr {
        float: left;
        display: inline-block;
        cursor: pointer;
        border: 1px solid @color_dddddd;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 18px;
        background: @color_f3f3f3;
        color: @color_666666;
        border-radius: 3px;
        moz-box-shadow: 0px 2px 5px @color_f2f2f2;
        box-shadow: 0px 2px 5px @color_f2f2f2;
    }
    .numinput {
        float: left;
        background: @color_ffffff;
        width: 55px;
        height: 24px;
        line-height: 24px;
        border: @color_dddddd 1px solid;
        text-align: center;
        border-radius: 3px;
        moz-box-shadow: 0px 2px 5px @color_f2f2f2;
        box-shadow: 0px 2px 5px @color_f2f2f2;
        margin: 0 5px;
    }
}

.redstar {
    color: @color_e60a0a;
    padding: 0 10px 0 0;
}

.priceblack {
    font-size: 18px;
    color: @color_333333;
    font-weight: 800;
    line-height: 34px;
}

.pricered {
    font-size: 18px;
    color: @color_e60a0a;
    font-weight: 800;
    line-height: 34px;
}

.ddqrbox .modal-dialog {
    width: 800px;
}

.feedback .modal-dialog {
    width: 800px;
}

.frm-ddqr {
    border: @color_eeeeee 1px solid;
    padding: 20px;
}

.frm-ddqr label {
    font-size: 14px;
    font-weight: 400;
}

ul.ul-frm {
    border: @color_dddddd 1px solid;
    border-radius: 3px;
    padding: 15px;
    li {
        float: left;
        margin: 0 20px 0 0;
        line-height: 34px;
        textarea {
            height: 200px;
        }
    }
}

.feedbacklist {
    .fd-hd {
        line-height: 44px;
        border-bottom: @color_dddddd 1px solid;
        color: @color_333333;
        font-size: 14px;
        .nameblue {
            color: @color_1c75bf;
            padding: 0 10px 0 0;
        }
    }
}

.dl-fwfk {
    font-size: 12px;
    font-weight: 800;
    color: @color_333333;
    padding: 20px 0;
    dd {
        float: left;
        margin: 0 20px 0 0;
        line-height: 30px;
        .rednum {
            color: @color_e60a0a;
            padding: 0 5px;
        }
    }
}

ul.ul-link {
    li {
        label {
            display: inline-block;
            float: left;
        }
        .l-right {
            float: left;
            .jg {
                display: inline-block;
                padding: 0 15px;
            }
        }
    }
}


/*商品发布 Start*/

.fm-body {
    padding: 10px;
    h1 {
        font-size: 14px;
        font-weight: 800;
        color: @color_666666;
        .fm-height(44px);
    }
}

ul.ul-radio {
    li {
        float: left;
        .fm-height(34px);
        margin: 0 20px 0 0;
        >label {
            font-size: 14px;
        }
    }
}

.memotip {
    line-height: 24px;
    color: @color_999999;
    .rednum {
        color: @color_ff4545;
    }
}

ul.ul-sel {
    >li {
        float: left;
        width: 150px;
        margin: 0 10px 0 0;
    }
}

.newgg {
    width: 702px;
    margin: 20px 0 0 0;
    .new-hd {
        width: 100%;
        .fm-height(40px);
        border: @color_cccccc 1px solid;
        border-radius: 4px 4px 0 0;
    }
    .new-bd {
        width: 100%;
        border: @color_cccccc 1px solid;
        border-radius: 0 0 4px 4px;
        border-top: none;
    }
}

ul.ul-gghd {
    width: 100%;
    color: @color_333333;
    font-weight: 800;
    font-size: 12px;
    li {
        float: left;
        width: 140px;
        text-align: center;
        .fm-height(40px);
        &:nth-child(1) {
            width: 170px;
        }
        &:nth-child(5) {
            width: 110px;
        }
    }
}

ul.ul-ggbd {
    width: 100%;
    color: @color_333333;
    font-size: 12px;
    >li {
        width: 100%;
        .fm-height(44px);
        border-bottom: @color_e2e2e2 1px solid;
        &:nth-last-child(1) {
            border-bottom: none;
        }
        &:nth-child(odd) {
            background: @color_ffffff;
        }
        >div {
            float: left;
            width: 120px;
            margin: 0 10px;
            text-align: center;
            input {
                vertical-align: top;
                margin: 4px 0;
            }
            &:nth-child(1) {
                width: 150px;
            }
            &:nth-child(5) {
                width: 110px;
                margin: 0;
            }
            a {
                color: @color_337ab7;
            }
        }
    }
}

.spfb-btn {
    text-align: center;
    button {
        margin: 20px;
    }
}


/*商品发布 End*/

.fm-wl-img {
    float: left;
    width: 240px;
    margin: 0 20px 0 0;
    img {
        width: 240px;
        height: 160px;
    }
}

.fm-wl-info {
    float: left;
    width: 50%;
    .fm-wl-title {
        width: 80px;
        font-weight: 800;
        color: @color_333333;
        line-height: 24px;
    }
    .t-l {
        width: 400px;
        word-break: break-all;
        word-wrap: break-word;
    }
    .fm-wl-con {
        width: 400px;
        word-break: break-all;
        word-wrap: break-word;
        .xq {
            color: @color_666666;
        }
        .fg {
            color: @color_dddddd;
            padding: 0 5px;
        }
    }
}

.fm-wl-day {
    float: left;
    width: 30%;
    line-height: 24px;
}

.fm-wl-btn {
    float: left;
    width: 20%;
    padding: 20px;
    text-align: center;
    button {
        text-align: center;
        margin: 0 10px;
    }
}

.treebox {
    border: @color_eeeeee 1px solid;
    width: 300px;
    padding: 30px;
    background: @color_ffffff;
    min-height: 300px;
}

.addtime {
    padding: 0 30px;
}

.timenew {
    width: 902px;
    margin: 20px 0 0 0;
    .time-hd {
        width: 100%;
        .fm-height(40px);
        border: @color_cccccc 1px solid;
        border-radius: 4px 4px 0 0;
    }
    .time-bd {
        width: 100%;
        border: @color_cccccc 1px solid;
        border-radius: 0 0 4px 4px;
        border-top: none;
    }
}

ul.ul-timehd {
    width: 100%;
    color: @color_333333;
    font-weight: 800;
    font-size: 12px;
    li {
        float: left;
        width: 80px;
        text-align: center;
        .fm-height(40px);
        &:nth-child(1) {
            width: 260px;
        }
    }
}

ul.ul-timebd {
    width: 100%;
    color: @color_333333;
    font-size: 12px;
    >li {
        width: 100%;
        .fm-height(44px);
        border-bottom: @color_e2e2e2 1px solid;
        &:nth-last-child(1) {
            border-bottom: none;
        }
        &:nth-child(odd) {
            background: @color_ffffff;
        }
        >div {
            float: left;
            width: 80px;
            text-align: center;
            input[type="checkbox"] {
                display: none;
            }
            input[type="checkbox"] + label {
                cursor: pointer;
                font-size: 1em;
                padding: 0;
                margin: 0;
            }
            &:nth-child(1) {
                width: 260px;
            }
        }
        .weekbox {
            padding: 0 20px;
            text-align: left;
            span {
                display: inline-block;
            }
            .txtValue {}
        }
    }
}


/* ==================================================================== */


/* CHECKBOX TYPE 10 ---------------------------------------------------- */


/* ==================================================================== */

[id^="checkbox-10-"] + label {
    background-color: @color_fafbfa;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    margin-right: 30px;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    width: 40px;
    height: 15px;
}

[id^="checkbox-10-"] + label:after {
    content: ' ';
    position: absolute;
    top: 0;
    -webkit-transition: box-shadow 0.1s ease-in;
    transition: box-shadow 0.1s ease-in;
    left: 0;
    width: 38px;
    height: 23px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 0 @color_eeeeee, 0 0 1px rgba(0, 0, 0, 0.4);
}

[id^="checkbox-10-"] + label:before {
    content: ' ';
    position: absolute;
    background: white;
    top: 1px;
    left: 1px;
    z-index: 999999;
    width: 21px;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    height: 21px;
    border-radius: 25px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0px 1px rgba(0, 0, 0, 0.3);
}

[id^="checkbox-10-"]:active + label:after {
    box-shadow: inset 0 0 0 20px @color_eeeeee, 0 0 1px @color_eeeeee;
}

[id^="checkbox-10-"]:active + label:before {
    width: 21px;
}

[id^="checkbox-10-"]:checked:active + label:before {
    width: 21px;
    left: 20px;
}

[id^="checkbox-10-"] + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

[id^="checkbox-10-"]:checked + label:before {
    content: ' ';
    position: absolute;
    left: 16px;
    border-radius: 25px;
}

[id^="checkbox-10-"]:checked + label:after {
    content: ' ';
    font-size: 1.5em;
    position: absolute;
    background: @color_4cda60;
    box-shadow: 0 0 1px @color_4cda60;
}

.xzsj-btn {
    float: left;
    width: 902px;
    text-align: center;
    button {
        margin: 20px;
    }
}


/**
 *右边框架 End
 **/


/**
 *中间内容 End
 **/

.tipinfo {
    text-align: center;
    font-size: 14px;
    padding: 30px 0;
}

.dylb {
    padding: 25px 15px 15px 15px;
}

.box4 {
    float: left;
    background: @color_ffffff;
    padding: 0 10px;
    margin-left: 5px;
    a {
        font-size: 14px;
        color: @color_337ab7;
        height: 30px;
        line-height: 30px;
        .iconfont {
            display: inline-block;
            padding: 0 5px 0 0;
            font-size: 20px;
            vertical-align: middle;
        }
    }
}

.box5 {
    float: left;
    background: @color_337ab7;
    border-radius: 4px;
    padding: 0 10px;
    margin-left: 15px;
    a {
        font-size: 14px;
        color: @color_ffffff;
        height: 30px;
        line-height: 30px;
        .iconfont {
            display: inline-block;
            padding: 0 5px 0 0;
            font-size: 20px;
            vertical-align: middle;
        }
    }
}

.ml0 {
    margin-left: 0;
}

.mlr5 {
    padding: 0 5px;
}


/*2016-09-01*/

.ad-tip {
    .fm-height(34px);
}

.ad-link {
    .fm-height(34px);
    .label-name {
        width: 150px;
        text-align: right;
    }
}

.ad-photo {
    line-height: 34px;
    margin: 0 0 10px 0;
    .label-name {
        width: 150px;
        text-align: right;
    }
}


/* 表单样式  Start*/

.form-group {
    width: 900px;
}

.frm-left {
    float: left;
    width: 200px;
}

.frm-right {
    float: left;
    width: 700px;
}


/* 表单样式  End*/


/*==========以下部分是Validform必须的===========*/

.Validform_checktip {
    margin-left: 8px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: @color_999999;
    font-size: 12px;
}

.Validform_right {
    color: @color_71b83d;
    padding-left: 20px;
    background: url(../images/right.png) no-repeat left center;
}

.Validform_wrong {
    color: red;
    padding-left: 20px;
    white-space: nowrap;
    background: url(../images/error.png) no-repeat left center;
}

.Validform_loading {
    padding-left: 20px;
    background: url(../images/onLoad.gif) no-repeat left center;
}

.Validform_error {
    background-color: @color_ffe7e7;
}

#Validform_msg {
    color: @color_7d8289;
    font: 12px/1.5 tahoma, arial, "\5b8b\4f53", sans-serif;
    width: 280px;
    -webkit-box-shadow: 2px 2px 3px @color_aaaaaa;
    -moz-box-shadow: 2px 2px 3px @color_aaaaaa;
    background: @color_ffffff;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 99999;
    display: none;
    /*filter: progid: DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='@color_999999999');*/
}

#Validform_msg .iframe {
    position: absolute;
    left: 0px;
    top: -1px;
    z-index: -1;
}

#Validform_msg .Validform_title {
    line-height: 25px;
    height: 25px;
    text-align: left;
    font-weight: bold;
    padding: 0 8px;
    color: @color_ffffff;
    position: relative;
    background-color: @color_000000;
}

#Validform_msg a.Validform_close:link,
#Validform_msg a.Validform_close:visited {
    line-height: 22px;
    position: absolute;
    right: 8px;
    top: 0px;
    color: @color_ffffff;
    text-decoration: none;
}

#Validform_msg a.Validform_close:hover {
    color: @color_cccc00;
}

#Validform_msg .Validform_info {
    padding: 8px;
    border: 1px solid @color_000000;
    border-top: none;
    text-align: left;
}


/*首页*/

.homebox {
    background: @color_ffffff;
    text-align: left;
    position: relative;
    .home-img {
        width: 100%;
        >img {
            vertical-align: top;
            border: none;
        }
    }
    .home-logo {
        position: absolute;
        right: 50px;
        bottom: 100px;
    }
}

.popfrm {
    width: 600px;
    margin: 10px auto;
    .form-group {
        width: 600px;
        line-height: 28px;
        font-size: 14px;
        .pop-left {
            float: left;
            width: 150px;
            text-align: right;
            font-weight: 400;
        }
        .pop-right {
            float: left;
            width: 430px;
            padding:0 20px 0 0;
            word-break: break-all;
            word-wrap: break-word;
            text-align: left;
        }
    }
}

.popfrm2 {
    width: 800px;
    margin: 10px auto;
    .form-group {
        width: 800px;
        line-height: 28px;
        font-size: 14px;
        .pop-left {
            float: left;
            width: 150px;
            text-align: right;
            font-weight: 400;
        }
        .pop-right {
            float: left;
            width: 560px;
            text-align: left;
            padding:0 20px 0 0;
            word-break: break-all;
            word-wrap: break-word;
        }
    }
}

.popfrm3 {
    width: 800px;
}

ul.ul-sel2 {
    li {
        float: left;
        width: 100px;
        margin: 0 10px 0 0;
        &:nth-child(4) {
            width: 210px;
            margin: 0;
        }
    }
    .last {
        width: 320px;
        margin: 10px 0 0 0;
    }
}

.popfrm4 {
    width: 600px;
    margin: 10px auto;
    .form-group {
        width: 500px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        margin-bottom: 20px;
        .pop-left {
            float: left;
            width: 150px;
            text-align: right;
            font-weight: 400;
        }
        .pop-right {
            float: left;
            width: 350px;
            text-align: left;
        }
    }
}


/* 提交  成功  失败  Start*/

.resultbox {
    padding: 20px;
}

.resultcon {
    background: @color_ffffff;
    padding: 100px 0;
    .result-info {
        width: 500px;
        margin: 0 auto;
        .icon-img {
            float: left;
            padding: 0 30px 0 0;
            .dui {
                display: inline-block;
                font-size: 48px;
                color: @color_84bb20;
            }
            .cuo {
                display: inline-block;
                font-size: 48px;
                color: @color_e35a5a;
            }
        }
        .info-con {
            float: left;
            .bigtitle {
                line-height: 68px;
                font-size: 24px;
                color: #3b9b38;
            }
            .redfont {
                color: @color_e35a5a;
            }
            .smallinfo {
                font-size: 14px;
                line-height: 40px;
                a {
                    color: @color_666666;
                    &:hover {
                        color: @color_ff4545;
                    }
                }
            }
        }
    }
}


/* 提交  成功  失败  End*/

.uploadedit {
    position: relative;
    margin: 0 20px 30px 0;
    padding: 10px;
    width: 395px;
    border: 1px solid @color_e1e1e1;
    border-radius: 3px;
    background: @color_ffffff;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
    .edit-image {
        position: relative;
        width: 375px;
        height: 120px;
        min-height: 120px;
        border: 1px solid @color_e1e1e1;
        overflow: hidden;
        text-align: center;
        img {
            width: auto;
            height: 100%;
            margin: 10px auto;
        }
    }
    .edit-foot {
        margin-top: 10px;
        color: @color_999999;
        .shanchu {
            float: right;
            cursor: pointer;
            font-size: 14px;
            &:hover {
                color: @color_ff4545;
            }
        }
    }
}

.editbox {
    .form-group {
        width: 550px;
        margin: 0 0 10px 0;
        .control-label {
            width: 150px;
            text-align: right;
            font-size: 14px;
            font-weight: 400;
        }
    }
}

.yz-tip {
    padding: 0 0 0 150px;
    line-height: 30px;
}

.lbad .jFiler-items-grid .jFiler-item .jFiler-item-container {
    width: 395px;
}

.lbad .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
    position: relative;
    width: 375px;
    height: 120px;
    min-height: 120px;
    padding: 10px 0;
    border: 1px solid @color_e1e1e1;
    overflow: hidden;
}

.lbad .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image {
    width: 100%;
    height: 100%;
    text-align: center;
}

.lbad .jFiler-item .jFiler-item-container .jFiler-item-thumb img {
    margin: 0 auto;
    width: auto;
    vertical-align: middle;
    border: 0;
}

.lbad .jFiler-input-dragDrop {
    width: 85px;
}

.itemPics {
    span {
        float: left;
        margin: 0 20px 20px 0;
        width: 76px;
        height: 76px;
        border: @color_dddddd 1px dashed;
        position: relative;
    }
}

.spanImg {
    .fmzp {
        position: absolute;
        right: -10px;
        top: -10px;
        color: @color_515a62;
    }
}
.uploadwrap{
	width: 500px;overflow: hidden;height: 90px;padding-top: 10px;
}
.uploadwrap .uploadify {
    float: left;
}

.uploadwrap .uploadify-button {
    border: @color_dddddd 1px dashed;
    border-radius: 3px;
    width: 76px;
    height: 76px;
    background: @color_ffffff;
    span {
        font-size: 36px;
        color: @color_999999;
    }
}

.uploadwrap .uploadify:hover .uploadify-button {
    background-color: @color_ffffff;
    background-image: none;
}

.memobox {
    max-width: 150px;      
    max-height: 40px;
    line-height: 20px;
    margin:0 0 10px 0;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;   
    text-overflow: ellipsis;
}

.memobox a {
    color: @color_ff4545;
}

a.pilvBtn,
a.timesBtn,
a.addrBtn,
a.numsBtn,
a.listBtn,
a.memoBtn,
a.consumeBtn,
a.sendBtn{
    color: @color_1c75bf;     
}


/*下期配菜预告设置*/

.calendarbox {
    margin: 20px;
    width: 930px;
    height: 560px;
    border: @color_d9d9d9 1px solid;
    padding: 20px;
    background: @color_ffffff;
    moz-box-shadow: 0px 2px 5px @color_f2f2f2;
    -webkit-box-shadow: 0px 2px 5px @color_f2f2f2;
    box-shadow: 0px 2px 5px @color_f2f2f2;
}

.cfoot {}

.cf-left {
    float: left;
    .orange {
        color: @color_ff9900;
    }
    .mlr5 {
        margin: 0 5px;
    }
    .bold {
        font-weight: 800;
    }
}

.cf-right {
    float: right;
}

.ygbox {
    margin: 20px;
    width: 930px;
    height: auto;
    border: @color_d9d9d9 1px solid;
    padding: 20px;
    background: @color_ffffff;
    moz-box-shadow: 0px 2px 5px @color_f2f2f2;
    -webkit-box-shadow: 0px 2px 5px @color_f2f2f2;
    box-shadow: 0px 2px 5px @color_f2f2f2;
}

.ygtab {}

.ygtitle,
.ygcon {
    width: 600px;
    line-height: 40px;
    font-size: 14px;
}

.ygt1,
.ygt2 {
    float: left;
    width: 200px;
}

.ygcon {}

.ygc1 {
    float: left;
    width: 150px;
    word-break: break-all;
    word-wrap: break-word;
}

.ygc2 {
    float: left;
    width: 50px;
    text-align: center;
    color: @color_999999;
}

.ygc3 {
    float: left;
    width: 400px;
    .select_detail {
        float: left;
        width: 200px;
    }
}

.ygdq {
    line-height: 30px;
    width: 600px;
}

.dq-l {
    float: left;
    padding: 0 30px 0 0;
}

.dq-r {
    float: left;
}

.ul-dq {
    width: 500px;
}

.shortul {
    max-height: 60px;
    overflow: hidden;
}

.ul-dq li {
    float: left;
    width: 150px;
    text-align: left;
    height: 30px;
    line-height: 30px;
}

.add-dq a {
    color: @color-link;
}

.add-dq a i {
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.btndq {
    text-align: right;
}

.btndq button {
    margin: 0 0 0 10px;
}

.housebox {
    padding: 20px;
}

.house-hd {
    height: 50px;
    font-size: 14px;
}

.hd-search {
    float: left;
    .s-text {
        float: left;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        padding: 0 10px 0 0;
    }
    .s-info {
        float: left;
        position: relative;
        display: inline-block;
        border: @color_cccccc 1px solid;
        border-radius: 3px;
        width: 380px;
        height: 30px;
        line-height: 30px;
        input {
            border: none;
            background: none;
            height: 30px;
            line-height: 30px;
            padding: 0 3px;
            width: 330px;
            outline: none;
        }
        .icon-s {
            position: absolute;
            right: 3px;
            height: 32px;
            line-height: 32px;
            color: @color_d5d5d5;
            font-size: 16px;
            cursor: pointer;
        }
    }
}

.hd-check {
    float: right;
}

.house-bd {
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

.houselist {}

.houselist ul li {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 200px;
    padding: 0 10px;
    margin: 5px 10px;
    font-size: 12px;
    color: @color_333333;
    cursor: pointer;
    overflow:hidden; 
}

.houselist ul li.on {
    border: @color_166ab0 1px solid;
    border-radius: 3px;
    color: @color_166ab0;
}

.detailmore {
    text-align: right;
    .lookall {
        color: @color-link;
        text-decoration: underline;
    }
}

.nomodel {
    margin: 50px 20px;
    width: 930px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: @color_999999;
    text-align: center;
}

.issave {
    line-height: 50px;
    text-align: center;
    font-size: 16px;
}

.disinput {
    width: 150px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background: @color_f5f5f5;
    border: @color_cccccc 1px solid;
    border-radius: 4px;
}

.xxsk {
    line-height: 36px;
    padding: 0 10px 0 0;
}

.modal-title .modtext {
    font-size: 12px;
    padding: 0 0 0 10px;
}

.modfotleft {
    float: left;
    font-size: 14px;
    padding: 5px 0 0 0;
}

.memoinfo {
    width: 180px;
    height: 44px;
    line-height: 22px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alertinfo {
    width: 300px;
    margin: 20px auto;
    text-align: center;
    font-size: 14px;
}


/* 地推二维码  */

.codebox {
    width: 660px;
    margin: 20px auto;
    .codeleft {
        float: left;
        width: 430px;
        .codeinfo {
            width: 300px;
            height: 140px;
            margin: 0 auto;
            .goodsimg {
                float: left;
                width: 100px;
                height: 100px;
                border: @color_cccccc 1px solid;
                overflow: hidden;
                img {
                    width: 100px;
                    height: 100px;
                }
            }
            .goodsinfo {
                float: left;
                width: 150px;
                padding: 0 0 0 40px;
                display: inline-block;
                word-break: break-all;
                word-wrap: break-word;
                text-align: left;
                line-height: 24px;
                .big-title {
                    color: @color_333333;
                    font-size: 12px;
                }
                .small-title {
                    color: @color_999999;
                    font-size: 12px;
                }
            }
        }
        .codehouse {
            width: 300px;
            margin: 10px auto;
            .h-left {
                float: left;
                display: inline-block;
                height: 34px;
                line-height: 34px;
                padding: 0 10px 0 0;
            }
            .h-right {
                float: left;
                .selectHouse {
                    width: 200px;
                }
            }
        }
    }
    .coderight {
        float: left;
        width: 200px;
        .qrcode {
            display: inline-block;
            border: @color_cccccc 1px solid;
            width: 140px;
            height: 140px;
            padding: 1px;
            img {
                width: 140px;
                height: 140px;
            }
        }
    }
}

.frm-tip {
    font-size: 12px;
    line-height: 22px;
    color: @color_999999;
}

.frm-red {
    color: @color_ff4545;
    font-size: 14px;
    font-weight: 800;
    line-height: 34px;
}

.balanceLink {
    color: @color_666666;
    margin: 0 0 0 10px;
    .editBalance {
        cursor: pointer;
    }
}


/*历史记录*/

.balacebox {
    width: 100%;
    border-top: @color_e5e5e5 1px solid;
}

.historylist {
    width: 96%;
    margin: 10px auto;
    .list-title {
        font-size: 14px;
        color: @color_666666;
        padding: 0 0 20px 0;
        span {
            font-size: 12px;
            color: @color_999999;
        }
    }
    .list-body {
        width: 100%;
        ul li {
            height: 32px;
            line-height: 32px;
            border-bottom: @color_cccccc 1px dotted;
            .list-id {
                float: left;
                width: 40%;
                span {
                    color: @color_ff4545;
                }
            }
            .list-date {
                float: left;
                width: 25%;
            }
            .list-name {
                float: left;
                width: 35%;
            }
        }
    }
}

.loglist {
    background: @color_ffffff;
    padding: 20px;
    margin: 0 auto;
    ul li {
        font-size: 14px;
        line-height: 32px;
        border-bottom: @color_dddddd 1px dotted;
    }
}


/*消息管理*/

.messageWrap {
    padding: 10px 10px 0 10px;
}
.messagelist {
    border: @color_dddddd 1px solid;
    width: 100%;
    margin: 0 auto 10px;
    padding:10px 0 0 0;
    &.bg-gray{
        background:@color_f3f3f3;
    }
   .hd {
        color:@color_333333;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        text-align:left;
        padding:0 20px;
        .title{
            min-width:200px;
            display:inline-block;
            &.red{
                color:@color_ff4545;
            }
        }
        .date{
            display:inline-block;
        }
    }
    .bd{
        padding:0 20px 0 10px;
        .ul-mes{
            li{
                float:left;
                word-break: break-all;
                word-wrap: break-word;
                &.col1{
                    width:55%;
                }
                &.col2{
                    width:15%;
                }
                .libox{
                    padding:10px;
                    &.center{
                        text-align:center;
                    }
                }
            }
        }
    }
}

/* 反馈记录   */
.feedbackWrap{
    width:100%;
    border:@color_dddddd 1px solid;
    background:@color_ffffff;
    .feedbackBox{
        padding:5px;
        .hd{
            line-height:28px;
            width:100%;
            padding:10px 20px;
            .title{
                font-size:16px;
                color:@color_333333;
                .font14{
                    font-size:14px;
                }
            }
            .info{
                font-size:14px;
                color:@color_666666;
                text-align:left;
                padding:10px 0 0 0;
                span{
                display:inline-block;
                min-width:200px;
                padding:0 20px 0 0;
                }
            }
        }
        .bd{
            width:100%;
        }
    }
}
table.fm-feedback-table{
    width:100%;
    border-collapse: collapse;
    word-break: break-all;
    word-wrap: break-word;
    >thead>tr>th{
        border-top:@color_dddddd 1px solid;
        border-bottom:@color_dddddd 1px solid;
        height: 50px;
        line-height:50px;
        background:@color_f3f3f3;
        color:@color_333333;
        font-weight:800;
        font-size:14px;
        text-align:center;
    }
    >tbody>tr>td{
        font-size:14px;
        padding:10px 0;
        line-height:30px;
        text-align:center;
        border-bottom:@color_dddddd 1px solid;
    }
}
.feedbox{
    width:560px;
    margin:0 auto 10px;
    border:@color_dddddd 1px solid;
    .hd{
        height:34px;
        line-height:34px;
        background:@color_f3f3f3;
        border-bottom:@color_dddddd 1px solid;
        color:@color_333333;
        font-size:14px;
        .title{
            padding:0 0 0 10px;
        }
    }
    .bd{
        padding:20px;
        .feedlist{
            padding:0 20px;
            >li{
                width:100%;
                text-align:left;
                height:32px;
                line-height:32px;
                .title{
                    float:left;
                    width:70%;
                }
                .per{
                    float:left;
                    width:30%;
                    .chk{
                        vertical-align:middle;
                        padding:0 5px 0 0;
                    }
                }
            }
        }
    }
}
.backbox{
    width:562px;
    margin:0 auto 10px;
    .hd{
        height:34px;
        line-height:34px;
        color:@color_333333;
        font-size:14px;
        padding:0 0 0 11px;
    }
    .bd{
        border:@color_dddddd 1px solid;
        padding:20px;
        .txtmemo{
            width:100%;
            height:100px;
            border:none;
            background:none;
            overflow:auto;
            overflow-x:hidden;
            text-align:left;
            line-height:20px;
            outline:none;
        }
    }
}
.mes-info{
        display:inline-block;
        color:@color_ffa800;
        cursor:pointer;
    }
.mes-container{
    display:none;
    position:absolute;
    z-index:500;
    .mesinfobox{
        position:absolute;
        top:0;
        left:20px;
        z-index:500;
        width:300px;
        border-radius:6px;
        background:@color_ffffff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid @color_e5e5e5;
        border: 1px solid rgba(229,229,229,.2);
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(229,229,229,.5);
        box-shadow: 0 3px 9px rgba(229,229,229,.5);
    }
}
.popBox{
    position:relative;
    width:100%;
    .hd{
        position:relative;
        width:100%;
        height:40px;
        line-height:40px;
        border-bottom:@color_e5e5e5 1px solid;
        font-size:14px;
        color:@color_666666;
        .title{
            padding:0 0 0 20px;
        }
        .mes-close{
            position:absolute;
            top:0; right:10px;
            vertical-align:middle;
            cursor:pointer;
        }
    }
    .bd{
        padding:20px;
        line-height:24px;
        word-break: break-all;
        word-wrap: break-word;
    }
    .ft{
        width:100%;
        height:40px;
        line-height:40px;
        border-top:@color_e5e5e5 1px solid;
        .page{
            float:left;
            display:inline-block;
            padding:0 0 0 20px;
            .pre{
                cursor:pointer;
                margin:0 5px 0 0;
            }
            .next{
                cursor:pointer;
                margin:0 20px 0 5px;
            }
        }
        .btn{
            float:right;
            display:inline-block;
        }
    }
}

.activebox{
    border:@color_dddddd 1px solid;
    padding:10px;
    background:@color_ffffff;
    margin:10px;
    .hd{
        >ul{
            width:100%;
            font-size:14px;
             >li{
                float:left;
                padding:0 40px 0 0;
                height:28px;
                line-height:28px;
                color:@color_666666;
             }
        }
    }
    .bd{
        padding:10px 0;
        line-height:24px;
        word-break: break-all;
        word-wrap: break-word;
    }
}
.icon-pie{
    font-size:14px;
    color:@color_1c75bf;
    cursor:pointer;
}

.tiptext{
    position:relative;
    width:40px;
    height:34px;
    display:inline-block;
    text-align:center;
    >i{
        color:@color_fe7404;
        line-height:34px;
    }
    .poptip{
        display:none;
        position:absolute;
        left:30px;
        top:0px;
        z-index:100;
        border:@color_fe7404 1px solid;
        border-radius:3px;
        padding:10px;
        width:400px;
        background:@color_ffffff;
        line-height:22px;
        color:@color_666666;
        p{
            line-height:22px;
            text-align:left;
        }
    }
    &:hover{
        .poptip{
            display:block;
        }
    }
}

.memolink{
    display:inline-block;
}

.popover-content{
    word-break: break-all;
    word-wrap: break-word;  
}
.typebtn{
    display:inline-block;
    background:@color_1c75bf;
    color:@color_ffffff;
    width:24px;
    height:24px;
    line-height:24px;
    border-radius:3px;
    text-align:center;
    margin:0 0 0 5px;
    vertical-align:middle;
    cursor:pointer;
    >i{
        vertical-align:middle;
    }
}

.popfrm5 {
    width: 800px;
    margin: 10px auto;
    .form-group {
        width: 800px;
        line-height: 28px;
        font-size: 14px;
        .pop-left {
            float: left;
            width: 150px;
            text-align: right;
            font-weight: 400;
        }
        .pop-right {
            float: left;
            width: 360px;
            text-align: left;
            padding:0 20px 0 0;
            word-break: break-all;
            word-wrap: break-word;
        }
        .tishi{
            color:@color_fe7404;
            font-size:12px;
            >i{
                color:@color_f8a117;
                padding:0 5px 0 0;
            }
            
        }
    }
}

.logtable{
    width:98%;
    margin:10px auto;
}

//************************************************
.borderTop{
    border-top:1px solid #e5e5e5;
}

.h5Title{
    margin:0;
    padding:0;
    font-size:14px;
}

.floatR{
    float:right;
}

.popfrm1 {
    width: 568px;
    margin: 10px auto;
    .form-group {
        width: 568px;
        line-height: 28px;
        font-size: 14px;
        .pop-left {
            float: left;
            width: 150px;
            text-align: right;
            font-weight: 400;
        }
        .pop-right {
            float: left;
            width: 430px;
            padding:0 20px 0 0;
            word-break: break-all;
            word-wrap: break-word;
            text-align: left;
        }
    }
}

.marginL8{
    margin-left:64.5%;
    display:inline-block;
    opacity:0;
}

.hd-btn{
    margin:20px auto;
}

.imgCenter{
    text-align:center;
    display: inline-block;
    width:100%;
}
.f-gray{
	color:gray;
}
.f-green{
	color:green;
}
.f-red{
	color:red;
}
.w130{
	width:130px;
}
.w40{
	width: 40px;
  	line-height:34px;
  	text-align: center;
  	display: inline-block; 
}
.w259{
	width:259px;
}
.jiahao{
	margin-left:5px;
	margin-right:5px;
}
.qz-input{
	width:60px;
	text-align:center; 
	height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #eee;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s    
}
.exchange-much{
	height:50px;
	line-height:50px;
}
.exchangebox{
	width:100%;
	margin:0 auto 20px;
	.hd-exc{
		width:100%;
		height:40px;
		line-height:40px;
		text-align:center;
		font-size:14px;
		color:#fff;
		>ul>li{
			float:left;
			width:24%;
			background:#34ddf6;
			position:relative;
			&.mid{
				width:14%;	
			}
			&:before{
				display:inline-block;
				content:'';
				width:1px;
				height:100%;
				background:#fff;
				position:absolute;
				left:0;
				top:0;
			}
			&:after{
				display:inline-block;
				content:'';
				width:1px;
				height:100%;
				background:#fff;
				position:absolute;
				right:0;
				top:0;
			}
		}
	}
	.bd-exc{
		width:100%;
		>ul{
			max-height:320px;
			overflow:hidden;
			overflow-y:auto;
			background:#eee;
		}
		>ul>li{
			width:100%;
			text-align:center;
			height:40px; 
			line-height:40px;
			border-bottom:#fff 1px solid;
			.li-num{
				float:left;
				width:24%;
			}
			.li-id{
				float:left;
				width:24%;
			}
			.li-type{
				float:left;
				width:14%;
			}
			.li-tel{
				float:left;
				width:24%;
			}
			.li-cz{
				float:left;
				width:14%;
			}
		}
	}
}

.logbox {
    width: 250px;
    height: 40px;
    line-height: 20px;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;      
}

.logbox a {
    color: @color_666666;
}
/* 活动兑换券   */
.ul-radio{
	>li{
		float:left;
		display:inline-block;
		margin:0 30px 0 0;
		line-height:34px;
	}
}
input.rdo{
	margin:0 5px 0 0;   
}
.sj-name{
	line-height:34px;
}
.left-hg{
	width:80px;
	text-align:left;
	line-height:34px;
}
.addperson{
	width:300px;
	.personbox{
		width:200px;
		border:@color_dddddd 1px solid;
		border-radius:3px;
		height:150px;
		overflow:hidden;
		overflow-y:auto;
		padding:10px;
		background:@color_ffffff;   
		line-height:25px;
	}
}
.form-horizontal .control-label{
	padding-top:0; 
	line-height:32px;  
}
.oldmen{
	line-height:32px;
	>label{
		font-weight:400;
		margin-bottom:0;
	}
}
.table-style1 {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border: @color_dddddd 1px solid;
    border-collapse: collapse;
    &.table-striped>tbody>tr:nth-of-type(odd) {
        background: @color_ffffff;
    }
    &.table-striped>tbody>tr:nth-of-type(even) {
        background: @color_f9f9f9;
    }
    >thead>tr>th {
        .fm-height(28px);
        background: @color_f3f3f3 ;
        font-size: 14px;
        color: @color_333333;
        text-align: center;
        border-collapse: collapse;
    }
    >tbody>tr>td {
        border-top: none;
        border-bottom: @color_dddddd 1px solid;
        height: 50px;
        line-height: 24px;
        text-align: center;
        word-break: break-all;
        word-wrap: break-word;
        vertical-align: middle;
        border-collapse: collapse;
    }
    >thead>tr>th>.form-control {
        display: inline-block;
    }
    p {
        margin: 0;
        line-height: 24px;
    }
}

/*排序*/
.pxbox{
	width:640px;
	height:247px;
	border:@color_dddddd 1px solid;
	overflow:hidden;
	overflow-y:auto;
	text-align:center;
	margin:20px auto;
	.col1{
		width:100px;     
	}
	.col2{
		width:400px;
	}
	.col3{
		width:100px;
	}
	.hd{
		height:40px;
		line-height:40px;
		background:@color_f5f5f5;
		color:@color_333333;
		border-bottom:@color_dddddd 1px solid;
	}
	.bd{
		line-height:40px;
		>ul{
			>li{
				border-bottom:@color_dddddd 1px solid;
				.col3>a{
					display:inline-block;  
					color:#1c75bf;
				}
			}
		}	
	}
}
/*优惠券弹出层*/
.yhqbox{
	width:600px;
	margin:20px auto;   
}
/*指定用户提示层*/
.zdyhbox{
	max-height:120px;
	line-height:24px;
	overflow:hidden;
}
.left-name{
}